<template>
  <div class="">
    <header>
        <van-icon name="arrow-left" @click="handleBack()" size="25"/>
        <span>推送设置</span>
      </header>
    <van-cell title="会话通知">
        <van-switch v-model="checked" active-color="#55a034" size="22px" />
    </van-cell>
    <van-cell title="订单提醒">
        <van-switch v-model="checke" active-color="#55a034" size="22px"/>
    </van-cell>
    <van-cell title="活动通知">
        <van-switch v-model="check" active-color="#55a034" size="22px"/>
    </van-cell>
    <van-cell title="物流提醒">
        <van-switch v-model="chec" active-color="#55a034" size="22px"/>
    </van-cell>
  </div>
</template>

<script>
import { ref } from 'vue';
export default {
  name: '',
  setup() {
    const checked = ref(true);
    const checke = ref(true);
    const check = ref(true);
    const chec = ref(true);
    return { 
        checked,
        checke,
        check,
        chec,
     };
  },
  methods: {
      handleBack() {
        this.$router.back()
      },
    }
}
</script>

<style lang="less" scoped>
    header{
      height: 44px;
      font-size: 16px;
      line-height: 44px;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 5px;
      background-color: white;
      border-bottom: 1px solid rgba(242, 242, 242,);

    }
</style>
